// 联系表单处理
function initContactForm() {
    // 检查是否存在联系表单
    const contactForm = document.querySelector('.contact-form');
    const contactInfoItems = document.querySelectorAll('.contact-info-item');
    
    if (!contactForm) {
        console.log('Contact form not found, skipping form initialization');
        return;
    }

    console.log('Contact form initialized');

    // // 初始化腾讯地图
    // function initMap() {
    //     const mapContainer = document.getElementById('map');
    //     if (!mapContainer) {
    //         console.log('Map container not found');
    //         return;
    //     }

    //     try {
    //         // 创建地图实例
    //         const map = new TMap.Map(mapContainer, {
    //             center: new TMap.LatLng(39.908823, 116.397470), // 北京市中心坐标
    //             zoom: 12,
    //             viewMode: '2D'
    //         });

    //         // 创建标记
    //         const marker = new TMap.MultiMarker({
    //             map: map,
    //             styles: {
    //                 "marker": new TMap.MarkerStyle({
    //                     width: 25,
    //                     height: 35,
    //                     anchor: { x: 12.5, y: 35 },
    //                     src: 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/marker.png'
    //                 })
    //             },
    //             geometries: [{
    //                 id: 'marker',
    //                 styleId: 'marker',
    //                 position: new TMap.LatLng(39.908823, 116.397470)
    //             }]
    //         });

    //         // 添加信息窗体
    //         const infoWindow = new TMap.MultiInfoWindow({
    //             map: map,
    //             geometries: [{
    //                 id: 'info',
    //                 position: new TMap.LatLng(39.908823, 116.397470),
    //                 content: `
    //                     <div style="padding: 10px;">
    //                         <h3 style="margin: 0 0 5px 0;">振诚科技</h3>
    //                         <p style="margin: 0;">地址：北京市朝阳区xxx街道xxx号</p>
    //                     </div>
    //                 `
    //             }]
    //         });

    //         // 点击标记时显示信息窗体
    //         marker.on('click', function(evt) {
    //             infoWindow.show();
    //         });

    //         // 添加地图控件
    //         map.addControl(new TMap.Control.Zoom());
    //         map.addControl(new TMap.Control.Scale());

    //         console.log('Map initialized successfully');
    //     } catch (error) {
    //         console.error('Error initializing map:', error);
    //     }
    // }

    // 初始化动画状态
    function initAnimation() {
        // 隐藏联系方式卡片
        contactInfoItems.forEach(item => {
            item.style.opacity = '0';
            item.style.transform = 'translateY(20px)';
        });

        // 设置表单输入框初始状态
        const inputs = contactForm.querySelectorAll('input, textarea');
        inputs.forEach(input => {
            input.style.transition = 'all 0.3s ease';
        });
    }

    // 联系方式卡片动画
    function animateContactInfo() {
        contactInfoItems.forEach((item, index) => {
            setTimeout(() => {
                item.style.transition = 'all 0.8s ease-out';
                item.style.opacity = '1';
                item.style.transform = 'translateY(0)';
            }, 200 * index);
        });
    }

    // 输入框焦点效果
    function initInputEffects() {
        const inputs = contactForm.querySelectorAll('input, textarea');
        inputs.forEach(input => {
            // 输入框获得焦点时
            input.addEventListener('focus', function() {
                this.style.transform = 'translateY(-5px)';
                this.style.boxShadow = '0 5px 15px rgba(14, 120, 255, 0.1)';
            });

            // 输入框失去焦点时
            input.addEventListener('blur', function() {
                this.style.transform = 'translateY(0)';
                this.style.boxShadow = 'none';
            });
        });
    }

    // 提交按钮动画
    function initSubmitButton() {
        const submitBtn = contactForm.querySelector('.contact-form-btn');
        if (submitBtn) {
            submitBtn.addEventListener('mouseenter', function() {
                this.style.transform = 'translateY(-2px)';
                this.style.boxShadow = '0 5px 15px rgba(14, 120, 255, 0.2)';
            });

            submitBtn.addEventListener('mouseleave', function() {
                this.style.transform = 'translateY(0)';
                this.style.boxShadow = 'none';
            });
        }
    }

    // 表单提交处理
    function handleSubmit(e) {
        e.preventDefault();
        
        // 获取表单数据
        const formData = {
            name: contactForm.querySelector('input[placeholder="请输入姓名"]').value,
            phone: contactForm.querySelector('input[placeholder="请输入电话"]').value,
            message: contactForm.querySelector('textarea').value
        };
        
        // 验证表单数据
        if (!validateForm(formData)) {
            return;
        }

        // 提交按钮加载动画
        const submitBtn = contactForm.querySelector('.contact-form-btn');
        const originalText = submitBtn.textContent;
        submitBtn.textContent = '提交中...';
        submitBtn.style.opacity = '0.7';
        submitBtn.disabled = true;
        
        // 模拟提交过程
        setTimeout(() => {
            // 这里通常会发送数据到后端
            console.log('Form submitted:', formData);
            
            // 显示成功消息
            alert('留言成功！我们会尽快与您联系。');
            
            // 重置表单
            contactForm.reset();
            
            // 恢复按钮状态
            submitBtn.textContent = originalText;
            submitBtn.style.opacity = '1';
            submitBtn.disabled = false;
        }, 1000);
    }

    // 表单验证
    function validateForm(data) {
        // 验证姓名
        if (!data.name.trim()) {
            showError('请输入姓名');
            return false;
        }
        
        // 验证手机号码（中国手机号格式）
        const phoneRegex = /^1[3-9]\d{9}$/;
        if (!phoneRegex.test(data.phone)) {
            showError('请输入正确的手机号码');
            return false;
        }
        
        // 验证留言内容
        if (!data.message.trim()) {
            showError('请输入留言信息');
            return false;
        }
        
        return true;
    }

    // 错误提示动画
    function showError(message) {
        const errorDiv = document.createElement('div');
        errorDiv.className = 'error-message';
        errorDiv.textContent = message;
        errorDiv.style.cssText = `
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: #ff4d4f;
            color: white;
            padding: 10px 20px;
            border-radius: 4px;
            z-index: 1000;
            animation: slideDown 0.3s ease-out;
        `;
        document.body.appendChild(errorDiv);

        // 3秒后移除错误提示
        setTimeout(() => {
            errorDiv.style.animation = 'slideUp 0.3s ease-out';
            setTimeout(() => {
                document.body.removeChild(errorDiv);
            }, 300);
        }, 3000);
    }

    // 检查元素是否在视口中
    function isInViewport(element) {
        const rect = element.getBoundingClientRect();
        const windowHeight = window.innerHeight || document.documentElement.clientHeight;
        return (
            rect.top <= windowHeight * 0.8 &&
            rect.bottom >= 0
        );
    }

    // 监听滚动事件
    function handleScroll() {
        const contactSection = document.querySelector('.contact-section');
        if (contactSection && isInViewport(contactSection)) {
            animateContactInfo();
            window.removeEventListener('scroll', handleScroll);
        }
    }

    // 初始化
    initAnimation();
    initInputEffects();
    initSubmitButton();
    
    // 监听 SDK 加载完成事件
    // if (typeof TMap !== 'undefined') {
    //     initMap();
    // } else {
    //     window.addEventListener('tencentMapLoaded', initMap);
    // }
    
    contactForm.addEventListener('submit', handleSubmit);
    
    // 添加滚动监听
    window.addEventListener('scroll', handleScroll);
    // 立即检查一次，以防元素已经在视口中
    handleScroll();
}

// 添加动画样式
const style = document.createElement('style');
style.textContent = `
    @keyframes slideDown {
        from { transform: translate(-50%, -100%); opacity: 0; }
        to { transform: translate(-50%, 0); opacity: 1; }
    }
    @keyframes slideUp {
        from { transform: translate(-50%, 0); opacity: 1; }
        to { transform: translate(-50%, -100%); opacity: 0; }
    }
`;
document.head.appendChild(style);

// 确保在组件加载完成后执行
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initContactForm);
} else {
    initContactForm();
} 